import {useState, useEffect} from "react";
import PlusIcon from "@heroicons/react/16/solid/PlusIcon";

const EmptyUniversityRow = ({addUniversity,printMode}) => {
    
    const [currentPrintMode, setCurrentPrintMode] = useState(printMode)
    useEffect(() => {
        setCurrentPrintMode(printMode)
    }, [printMode])

    return (
       <div className="w-full  h-40  flex flex-row items-center justify-center rounded-md shadow-md shadow-base-200  hover:bg-base-300" onClick={addUniversity}>
            {!currentPrintMode && <PlusIcon className="w-12 h-12 text-red-500  cursor-pointer hover:text-orange-300" /> }
       </div>
    );
}

export default EmptyUniversityRow;